
.n-dialog__content {
    white-space: break-spaces;
}
.van-dialog__message {
    color: #000!important;

}

.rtt {
    background-color: #fff !important;
  }

  .rtt  .n-base-select-option--show-checkmark:hover{
    color: #000 !important;
  }
._gap1{
    display: grid;
        align-items: center;
        grid-template-columns: repeat(8, minmax(0px, 1fr));
        gap:12px;
}

:root{
    --van-overlay-background: rgba(0, 0, 0, .35)!important;
    --van-button-default-color: #000!important;
}
.n-tabs{
    --n-tab-text-color-active : var(--tabs-color-hover)!important;
    --n-tab-text-color-hover : var(--tabs-color-hover)!important;
    background: var(--tabs-bg);
}
.n-tabs{
    --n-tab-text-color-active : var(--tabs-color-active)!important;
    --n-tab-text-color-hover : var(--tabs-color-hover)!important;
    background: var(--tabs-bg);
}
.n-tabs-tab--active{
    background: var(--tabs-bg-active);
}
.auto_tabs .n-tabs-tab {
    min-width: var(--nav-min-width);
    display: flex
;
    justify-content: center;
    flex: 1;
    
    padding: 0!important;
    align-items: center;
}
.auto_tabs .n-tabs-tab-wrapper {
  flex: 1;
}

.n-layout {
    background-color: var(--body-bg)!important;
  }
.van-dialog {
    --van-button-default-background: #fff!important;
    background: #ffffff!important;
}
.van-dialog__header {
    color: #323233!important;
}
.avacss1{
    border-radius: 0.35em;
    background: var(--ava2-bg);
    padding: var(--ava2-pd);
  
    outline: var(--ava2-border);
}
.work_avasp {
    display: flex
;
    justify-content: center;
    align-items: center;
}
.gdbox {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.body_tab .n-tabs-tab {
    padding-top: 5px;
    padding-bottom: 5px;
}

.boxgap {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 12px;
}

.van-dropdown-item {
    position: absolute!important;
}

.gdbox2 {
    padding: 0.85rem;
    border-radius: 0.25rem;
    background: rgb(65 71 85 / 25%);
    border: var(--card-v2-bd);
    box-shadow: 0 0 2px #000;
}
.content {
    position: relative;
    z-index: 2;
}
.v2_body {
    border: var(--body-border);
    box-shadow: var(--body-boxsd);
    position: relative;
    container-type: inline-size;
}


._boss_box {
    height: 4.8rem;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}



.report ._box2 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
}







.report ._box1 {
    background-color: #575757;
    padding: 0.25rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    text-shadow: 0 0 3px #000;
}

._box_row {
    flex-direction: column;
    flex-wrap: wrap;
}

._box_cl {
    flex-direction: column;
}

._pd045 {
    padding: 0.45rem;
}

._avatar {
    width: 40px;
}


.report ._imglist {
    display: flex;
    gap: 6px;
}

.report ._avatar {
    width: 35px;
    border-radius: 5px;
    border: solid 2px var(--gt_ava_border);
    background-color: var(--gt_ava_bg);
}

.report ._damage {
    margin-bottom: 0.4rem;
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 22px;
    color: #ffffff;
    text-shadow: 0 0 2px #000;
}

.report ._hp {
    margin-top: 0.5rem;
}


.cp {
    cursor: pointer;
}

.report_box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}



.nav_data {
    background-color: var(--base-ts-bg);
    padding: 0.45em;
    text-align: center;
    text-shadow: 0 0 3px #000;
    border-radius: 0.45em;
}

.nav_box .n-collapse-item__content-inner {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 0.5em;
    padding-top: 0.5em !important;
    margin-top: 0.5em;
    border-radius: 0.45em;
}

.nav_data:hover {
    background-color: var(--base-list-bg);
}

.n-collapse-item__header-main {
    margin-top: 5px;
}

.n-collapse-item__header {
    padding: 0 !important;
}

.n-collapse .n-collapse-item:not(:first-child) {
    border-top: 0px solid var(--n-divider-color);
    margin: 0;
}

.nav_box0 {
    padding-top: 8px;
    padding-left: 8px;
    padding-right: 8px;
    min-height: 100%;
}

.lay_body {
    min-height: 100%;
}

.pdx1 {
    padding: .5em;
}



.pdx2 {
    padding: 1.5em;
}

.npage {
    padding: 10px;
}

._card {
    background: var(--nbox-bg);
    position: relative;
}

._card>.n-card__content {
    padding: 0 !important;
}

.van-swipe {
    cursor: default !important;
}

.bdw {
    max-width: var(--bdw);
    margin: 0px auto;
}
._work_sid_list ._ava_m {
    width: 2em;
    border-radius: 5px;
}

.dljjcyc_击飞 {
    background-color: #00618E;
    border: solid 2px #006F9A;
    border-radius: 5px;
    box-shadow: 0 0 3px #000;
}

.dljjyc_box_on .dljjcycyc {
    outline: var(--nbox4-border3);
}

.dljjcyc_重伤 {
    background-color: #274918;
    border: solid 2px #325A21;
    border-radius: 5px;
    box-shadow: 0 0 3px #000;
}

.dljjcyc_击倒 {
    background-color: #7D7100;
    border: solid 2px #978A00;
    border-radius: 5px;
    box-shadow: 0 0 3px #000;
}

.dljjyc_box {
    border: 2px solid rgb(255 255 255 / 0%);
    padding: 3px;
}
.nbox0 {
    background-color: var(--nbox0-bg);
    padding: var(--nbox0-pd);
}
._work_sid_list ._avagap {
    display: flex
;
    flex-direction: row;
    gap: 4px;
    justify-content: center;
    align-items: center;
}
.dljjc_box3_x {
    padding: 0.75em;
    box-shadow: var(--boxx-boxsd);
    border: var(--boxx-border);
    color: var(--text-primary);
}
._work_sid_list {
    background-color: #3d4656;
    padding: 8px;
    display: flex;
    flex-direction: row;
    height: 100%;
    border-radius: 5px;
  }
.nbox1,
._info {
    background: var(--nbox-bg);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.59);
    border: 1px solid rgba(255, 255, 255, 0.09);
    padding: 1rem;
    position: relative;
    border-radius: var(--nbox-brpx);
}

.nbox1 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.nbox1x {
    background: var(--nboxx1-bg);
    box-shadow: var(--nboxx1-boxsd);
    padding: 8px;
    position: relative;
    border-radius: var(--nboxx-brpx);
    min-height: 100%;
}

.dfl {
    display: flex;
    flex-direction: row;
    gap: 12px;
    flex-wrap: nowrap;
}

.df3 {
    display: flex;
    flex-direction: row;
    gap: 12px;
    flex-wrap: wrap;
}


.tbox {
    display: flex;
    flex-direction: column;
    transition: color .3s var(--n-bezier), border-color .3s var(--n-bezier), background-color .3s var(--n-bezier), fill .3s var(--n-bezier);
    overflow: hidden;
    padding: 0.45rem;
    border-radius: 0.25rem;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100%;
}

.tbox:hover {
    background-color: #58667dc1;
}

.tbox>._title {
    font-size: 15px;
    margin-bottom: 8px;
    text-shadow: 0 0 3px #000;
    color: var(--base-font-color);
}

.tbox ._ct {
    text-align: center;
    width: 100%;
}

.tbox ._div1 {
    color: var(--base-font-hover-color);
    font-size: 12px;
}

.bgimg2 {
    width: 100%;
    height: 100%;
    opacity: 0.25;
    left: 0;
    background-color: #000;
    position: fixed;
    top: 0;
}

.header {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    height: 100%;
    justify-content: space-between;
    position: relative;
}

.tab_box{
    margin-top: -7px;
    margin-left: -7px;
    margin-right: -7px;
    margin-bottom: 10px;
}

.n-layout-sider {
    background-color: rgba(22, 22, 28, 0.0) !important;
}

.dljjc_box3,
.nbox {
    background-color: var(--box-bg) !important;
    padding: 0.75em;
    box-shadow: var(--box-boxsd);
    border-radius: 6px;
    border: var(--box-border);
}

.ngap {
    display: flex
;
    flex-direction: column;
    gap: 8px;
}


._header_top {
    background-color: #fff;
}
.wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh; 
}

.vandialogbg{

   background-color: #eee; 
   padding-top: 25px;
    padding-bottom: 25px
}
.ldmain{
    color: rgb(0, 0, 0);
    width: 120px;
    height: 120px;
    background-color: rgb(255, 255, 255);
    display: flex
;
    align-items: center;
    justify-content: center;
    border-radius: 0.5em;
}
.backdrop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(10px); /* 毛玻璃效果 */
    z-index: 1; /* 确保在内容层下方 */
}
.ldmain2{
    color: rgb(0, 0, 0);
    background-color: #EFF2F5;
    display: flex
;
    align-items: center;
    justify-content: center;
    border-radius: 0.3em;
    padding-top: 24px;
    padding-bottom: 24px;
}

.n-qr-code {
    width: auto!important;
    height: auto!important;
    box-sizing: border-box!important;
;
}

.mblv2 {
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
}

.bgc {
    background-color: var(--base-bgc);
}
.van-dialog {
    z-index: 999999 !important;
}

.btitle {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;
    font-size: 2.5em;
}

.stitle {
    margin-bottom: 8px;
    text-shadow: var(--stitle-tsd);
    font-size: 1.1em;
    color: var(--stitle-color);
}

.team_sstag {
    --n-color: var(--tag-bg) !important;
    --n-border: var(--nbox4-border) !important;
    --n-text-color: var(--tag-tc) !important;
    outline: unset !important;
    background-color: rgb(71, 72, 92);
    border: 1px solid rgb(82, 97, 139);
    background-color: var(--nbox4-bg);
    display: flex;
    justify-content: center;
    gap: 5px;
    font-size: 0.9em;
    align-items: center;
    border-radius: 0.25em;
    box-shadow: 0 0 2px #000;
    min-height: 30px;
    text-shadow: 0 0 2px #000;
    cursor: pointer;
    transition: all 0.2s ease-in-out;

}

.modal_gtbox ._banr ._2_title2 {
    min-height: 35px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 1em;
    text-shadow: var(--banr-tsd);
}



.modal_gtbox ._banr {
    display: flex;
    align-items: center;
    gap: 12px;
}

.wdmax {
    width: 100%;
}

.nmain {
    display: flex;
    gap: 8px;
    flex-direction: column;
    flex-wrap: nowrap;
}

.mb_space {
    flex-direction: row !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    padding-bottom: 5px;
}

.n-scrollbar-rail {
    bottom: -2px !important;
}

.center {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}



.teamsstag_on {
    --n-color: var(--tag-onbg) !important;
    --n-border: var(--tag-onborder) !important;
    --n-text-color: var(--tag-ontc) !important;
    text-shadow: 0 0 3px #000;
}

.guild_tab {
    padding-left: 15px;
}

.select_div {
    display: flex
;
    align-Items: center;
    margin-top: 4px;
    margin-bottom: 4px;
    gap: 8px;
}

.nbox_df {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 8px
}

.select_ava {
    width: 35px;
    height: 35px;
    border-radius: 5px;
    background: var(--ava2-bg);
    border: var(--ava2-border);
}

.modal_gtbox ._banr ._2_tips {
    color: var(--base-font-hover-color);
    font-size: .85em;
    text-shadow: var(--v2-tc-3sd);
}

.gap4{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}
.auto_tabs .n-tabs-tab .n-tabs-tab__label {
    width: 100%;
    display: block;
    text-align: center;
}
.auto_tabs .n-tabs-tab .n-tabs-tab__label div {
padding-left: 0.85em;
padding-right: 0.85em;
padding-top: 0.65em;
padding-bottom: 0.65em;
}
.bossimgbox{
    position: relative;
    display: flex
;
    justify-content: center;
    align-items: center;
}

.bossimgbox img{
    height: 100%;
    z-index: 99;
}

.nbox2,
.nbox22 {
    background-color: var(--nbox2-bg);
    padding: 12px;
    border-radius: 3px;
    position: relative;
}

.nbox2bg{
    background-color: var(--nbox2-bg);
}

.sgnav .n-tabs-bar {
    display: none;
}

.n-tabs-tab--active ._segment {
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 3px;
}

.sgnav .n-tabs-tab-pad {
    width: 0px;
}
.n-base-selection-overlay__wrapper img{
display:none;
}

.n-tabs-tab ._segment {
    padding: 6px 0;
    font-size: 14px;
    padding-left: 12px;
    transition: background-color .5s;
    padding-right: 12px;
}



.sgnav .n-tabs-nav-scroll-content {
    display: inline-flex;
    flex-wrap: nowrap;
    position: relative;
    background-color: rgba(255, 255, 255, 0.1);
    padding-left: 3px;
    border-radius: 3px;
    padding-right: 3px;
}

.f12{
    font-size: 12px;
}
.f13{
    font-size: 13px;
}
.f14{
    font-size: 14px;
}
.f15{
    font-size: 15px;
}

.tc{
    text-align: center;
}

.c3{
    color:var(--v2-tc-3);
}

.sgnav .n-tabs-tab {
    padding-bottom: 3px !important;
    padding-top: 3px !important;
}



.work_workdiv3,
.model_box ._box0 {
    gap: 6px 6px;
    flex-direction: row;
    flex-wrap: wrap;
    background-color: var(--modal-boxbg);
    padding: 8px;
    border-radius: 3px;
    justify-content: center;
    gap: 8px;
    margin-bottom: 8px;
}

.model_box ._box2 {
    background-color: var(--nbox3);
    padding: .8em;
    margin-bottom: 12px;
    box-shadow: 0 0 2px rgb(0 0 0);
    border: solid 1px rgb(249 249 249 / 15%);
    border-radius: 3px;
}

._df {
    display: flex;
    align-items: center;
    justify-content: center;
}

.model_box ._flex {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.model_box ._title {
    display: flex;
    flex-flow: row;
    font-size: 13px;
    color: #dec46a;
    justify-content: flex-end;
}


._cmdefl {
    background: rgb(74, 80, 95);
    padding: 8px;
    border-radius: 3px;
    margin-bottom: 8px;
}

.nbox3 {
    background-color: var(--nbox3);
    padding: 12px;
    border-radius: 3px;
    position: relative;
}

._rolebox {
    background-color: #3d4656;
    padding: 8px;
    display: flex;
    flex-direction: row;
}


._listbox {
    background-color: #3a5179;
    padding: 8px;
    display: flex;
    flex-direction: row;
}

.model_v2 {
    box-shadow: var(--modal-bsd);
    border: var(--modal-border);
}

.m_tagbox_active {
    outline: solid 1.5px #8892a2!important;
    background-color: #6D788B!important;
    color: #fff!important;
}
.br1 {
    border-radius: 99px;
}

.psb1 {
    position: absolute;
    top: 55px;
    bottom: 0px;
    width: 100%;
    overflow: hidden;
}

.sgnav {
    margin-bottom: 8px;
}



.psb2 {
    position: absolute;
    top: calc(55px);
    bottom: calc(0px);
    width: 100%;
}

.ntips {
    border-width: 1px;
    border-style: solid;
}

.ntips-info {
    --n-color: var(--tips-info-bg) !important;
    border-color: var(--tips-brc) !important;
}

@media (max-width:600px) {
    .v2_body {
        padding-left: 0;
        padding-right: 0;
        border: 0;
    }
}

@media (max-width: 500px) {
    .nbox1{
        padding: 2.5vw;
    }
}




@media (max-width:350px) {
    .hide350{
        display: none;
      }
    ._hide_w350{
        display: none;
      }
}

@media (max-width:300px) {
    .hide300{
        display: none;
      }
}

.pdlx1 {
    padding-left: 0.75em;
    padding-right: 0.75em;
}

.pdlx2 {
    padding-left: 1.5em;
    padding-right: 1.5em;
}

.v0_body {
    color: var(--n-text-color);
}

._workdiv img {
    width: 35px;
    height: 35px;
    border-radius: 5px;
    background: var(--ava2-bg);
    padding: var(--ava2-pd);
    border: var(--ava2-border);
}

._workdiv {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 12px;
}

.navtitle {
    display: flex;
    align-items: center;
    font-size: 16px;
    gap: 12px;
    text-shadow: 0 0 3px #000;
}

.navtitle ._taglist {
    padding-left: 2px;
    padding-bottom: 2px;
    padding-right: 2px;
    border-bottom: solid 2px rgb(0 255 43 / 0%);
}

.navtitle ._active {
    color: #63e2b7;
    border-bottom: solid 2px #63E2B7;
}